<script src="/js/AddProduct.js?{echo time()}" type="text/javascript"></script>
<script src="/js/addFeature.js?{echo time()}" type="text/javascript"></script>
<script src="/js/search.js?{echo time()}" type="text/javascript"></script>
<div role="tabpanel">

    <form role="form" class="form-horizontal" id="formAddProduct" method="post" >
        <!--        pola ukryte do skryptu js-->
        <input type="hidden" name="shopname" value="$shop->URL" id="shopname">
        <input type="hidden" name="edit" value="1" id="edit">
    <input type="hidden" name="productID" value="$product->ProductID" id="productID">
        <!-- Nav tabs -->
        <ul class="nav nav-tabs" role="tablist">
            <li role="presentation" class="active"><a href="#base" aria-controls="home" role="tab" data-toggle="tab">Dane podstawowe</a></li>
            <li role="presentation"><a href="#descritption" aria-controls="profile" role="tab" data-toggle="tab">Opis</a></li>
            <li role="presentation"><a href="#category" aria-controls="messages" role="tab" data-toggle="tab">Kategoria i cechy</a></li>
            <li role="presentation"><a href="#pictures" aria-controls="settings" role="tab" data-toggle="tab">Zdjęcia</a></li>
            <li role="presentation"><a href="#related" aria-controls="settings" role="tab" data-toggle="tab">Powiązane produkty</a></li>
        </ul>

        <!-- Tab panes -->
        <div class="tab-content">
            <div role="tabpanel" class="tab-pane fade in active" id="base">
                <div class="form-group">
                    <label class="col-lg-4" for="inputProductName">Podaj Nazwę Produktu</label>
                    <input name="inputProductName" class="col-lg-4 input-sm" type="text" id="inputProductName" placeholder="Podaj Nazwę Produktu" pattern="[ąćęńśóźża-zA-Z\s\-0-9]+" maxlength="50" title="Nazwa Produktu może składać się z małych i dużych liter, cyfr oraz spacji i myśliników" value="{echo $product->Name}">        
                    {if isset($errors)}
                    <span class="alert-danger">{echo \view\View::showErrors($errors, "Name")}</span>
                    {/if}        
                </div> 
                <div class="form-group" id="manufacturers">
                    <p class="bold col-lg-2">Wybierz Producenta</p>
                    <div id="editProducer" class="col-lg-7"> 
                        <div class="btn-group" role="group">
                            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="true">
                                {echo $product->ManufacturerID->Name }<span class="caret"></span>
                            </button>
                            <ul class="dropdown-menu " role="menu">
                                {foreach $manufacturer in  $manufacturers}
                                {if $product->ManufacturerID->ManufacturerID==$manufacturer->ManufacturerID}
                                <li class="active">
                                    {/if}
                                    {else} <li> {/else}
                                    <input type="hidden" name="manufacturer" value="$manufacturer->ManufacturerID"><a>$manufacturer->Name</a></li>
                                {/foreach}
                            </ul>
                        </div>
                        <p class="alert-danger" style="padding-left: 10px">
                            {if isset($errors)}
                            {echo \view\View::showErrors($errors, "ManufacturerID")}  
                            {/if}
                        </p>
                    </div>
                </div>
                <div class="form-group" id="vatSelect">
                    <p class="bold col-lg-2">Wybierz stawkę vat</p>
                    <div id="editProduct" class="col-lg-7"> 
                        <div class="btn-group" role="group">
                            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
                                $product->VAT %<span class="caret"></span>
                            </button>
                            <ul class="dropdown-menu " role="menu" >
                                <li {if $product->VAT==0} class="active" {/if}><input type="hidden" value="0" name="vat" ><a>0%</a></li>
                                <li {if $product->VAT==5} class="active" {/if}><input type="hidden" value="5" name="vat"><a>5%</a></li>
                                <li {if $product->VAT==8} class="active" {/if}><input type="hidden" value="8" name="vat"><a>8%</a></li>
                                <li {if $product->VAT==22} class="active" {/if}><input type="hidden" value="22" name="vat"><a>22%</a></li>
                                <li {if $product->VAT==23} class="active" {/if}><input type="hidden" value="23" name="vat"><a>23%</a></li>
                            </ul>
                        </div>
                        <p class="alert-danger" style="padding-left: 10px">
                            {if isset($errors)}
                            {echo \view\View::showErrors($errors, "VAT")}
                            {/if}
                        </p>
                    </div>
                </div>
                <div class="form-group">
                    <div class="checkbox">
                        <label class="bold col-lg-2" style="font-weight: bold" for="active">aktywny</label>
                        {if $product->Visable}
                        <input type="checkbox" name="active" id="active" checked>
                        {/if}
                        {else}
                        <input type="checkbox" name="active" id="active" >
                        {/else}
                        Ten prodkut będzie widoczny w sklepie (tak/nie)
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-lg-2" for="NetPrice">Cena netto</label>
                    <input value="$product->NetPrice" class="col-lg-2" type="Number" step="0.01" name="NetPrice" id="NetPrice" min="0" required>
                    <button type="button" class="btn btn-default">oblicz cenę brutto</button>
                    <p class="alert-danger" style="padding-left: 10px">
                        {if isset($errors)}
                        {echo \view\View::showErrors($errors, "NetPrice")}
                        {/if}
                    </p>
                </div>
                <div class="form-group">
                    <label class="col-lg-2" for="GrossPrice">Cena Brutto</label>
                    <input value="$product->GrossPrice" class="col-lg-2" type="Number" step="0.01" name="GrossPrice" id="GrossPrice" min="0" required>
                    <button type="button" class="btn btn-default" >oblicz cenę netto</button>
                    <p class="alert-danger" style="padding-left: 10px">
                        {if isset($errors)}
                        {echo \view\View::showErrors($errors, "GrossPrice")}
                        {/if}
                    </p>
                </div>
                <div class="form-group">
                    <label class="col-lg-2" for="Amount">Ilość sztuk</label>
                    <input value="$product->Amount" class="col-lg-2" type="Number" name="Amount" id="Amount" min="0" required>
                    <p class="alert-danger" style="padding-left: 10px">
                        {if isset($errors)}
                        {echo \view\View::showErrors($errors, "Amount")}
                        {/if}
                    </p>
                </div>
            </div>
            <div role="tabpanel" class="tab-pane fade" id="descritption">
                <div class="form-group">
                    <p class="bold col-lg-2" title="wyświetli się na stronie głównej sklepu obok zdjęcia">Podaj opis produktu (skrócony):</p>
                    <div id="editOpisKrotki" class="col-lg-7">            
                    </div>
                    <p class="alert-danger" style="padding-left: 10px">
                        {if isset($errors)}
                        {echo \view\View::showErrors($errors, "ShortDescription")}
                        {/if}
                    </p>
                </div>
                <div class="form-group">
                    <p class="bold col-lg-2" title="wyświetli się 
                       jako detale produktu">Podaj opis produktu (pełny):</p>
                    <div id="editOpisPelny" class="col-lg-7"> 
                    </div>
                    <p class="alert-danger" style="padding-left: 10px">
                        {if isset($errors)}
                        {echo \view\View::showErrors($errors, "Descritpion")}
                        {/if}
                    </p>
                </div>
            </div>
            <div role="tabpanel" class="tab-pane fade" id="category">
                <div class="form-group">
                    <h3>Wybierz kategorię</h3>
                    <p class="alert alert-info">W swoim Twoim sklepie każdy z produktów musi znajdować się w jakiejś kategorii. Każda kategoria posiada przypisany zestaw cech. Możesz je dodawać w panelu administracyjnym. Cechy te umożliwą filtrowanie produktu Twoim klientom. Lista cech wyświetli się po wybraniu kategorii z listy poniżej</p>
                    <div class="form-group" id="categories">
                        <div id="editCategory" class="col-lg-7"> 
                            <div class="btn-group" role="group">
                                <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
                                    {echo  $product->CategoryID->Name}<span class="caret"></span>
                                </button>
                                <ul class="dropdown-menu " role="menu" id="categoriesList">
                                    {foreach $category in  $categories}

                                    {if $product->CategoryID->CategoryID==$category->CategoryID}
                                    <li style="margin-left: {echo $category->Depth*10 }px" class="active">
                                        {/if}
                                        {else} <li style="margin-left: {echo $category->Depth*10 }px"> {/else}
                                        <input type="hidden" name="category" value="$category->CategoryID" disabled>
                                        <a>$category->Name</a>
                                    </li>
                                    {/foreach}
                                </ul>
                            </div>
                            <p class="alert-danger" style="padding-left: 10px">
                                {if isset($errors)}
                                {echo \view\View::showErrors($errors, "CategoryID")}   
                                {/if}
                            </p>
                        </div>
                    </div>
                    <div id="features" class="ml15">
                        {foreach $feature in $categoryFeatures}
                        <div class="form-group">
                            <label class="col-lg-4" >{echo $feature->Name}</label>
                            {if sizeof($feature->values)>0}
                            <select class="col-lg-4 input-sm" type="text" id="feature_{echo $feature->CategoryFeatureID}" name="feature_{echo $feature->CategoryFeatureID}">
                            {foreach $val in $feature->values}
                            {if isset($productFeatures[$feature->CategoryFeatureID]) && $val->FeatureValueID==$productFeatures[$feature->CategoryFeatureID]->Value->FeatureValueID}
                            <option value="{echo $val->FeatureValueID}" selected>{echo $val->Value}</option>
                            {/if}
                            {else}
                            <option value="{echo $val->FeatureValueID}">{echo $val->Value}</option>
                            {/else}
                            {/foreach}
                            </select>
                            {/if}
                        </div>
                        {/foreach}

                        <p id="noFeatures" class="alert alert-danger hidden">Wybrana kategoria nie posiada jeszcze cech produtków</p>
                        <div id="features">
                        </div>
                    </div>
                </div>
            </div>
            <div role="tabpanel" class="tab-pane fade" id="pictures">
                <div class="form-group">
                    <p>Wybierz zdjęcia ze swojej biblioteki plików</p>
                    {foreach $picture in  $pictures}
                    <div class="col-xs-3">
                        <table class="table table-bordered">
                            <tr><td><label class="bold " style="font-weight: bold" for="picture{echo $picture->PictureID}">dodaj</label>
                                    {if isset($productPictures[$picture->PictureID])}
                                    <input value="{echo $picture->PictureID}" type="checkbox" id="picture" name="picture" checked>
                                    {/if}
                                    {else}
                                    <input value="{echo $picture->PictureID}" type="checkbox" id="picture" name="picture">
                                    {/else}
                                </td><td rowspan="2"><img src="/img/{echo substr($shop->URL,0,strlen($shop->URL)-1)}/128px/$picture->Name"></td></tr>
                            <tr>
                                <td>
                                    <label class="bold " style="font-weight: bold" for="picturemain{echo $picture->PictureID}">główne</label>
                                    {if isset($productPictures[$picture->PictureID]) && $productPictures[$picture->PictureID]["DefaultPicture"]}
                                    <input type="radio" value="{echo $picture->PictureID}" name="picturemain" checked>
                                    {/if}
                                    {else}
                                    <input type="radio" value="{echo $picture->PictureID}" name="picturemain">
                                    {/else}
                                    
                                </td>
                            </tr>
                        </table>
                    </div>
                    {/foreach}
                </div>
            </div>
            <div role="tabpanel" class="tab-pane fade" id="related">
                <div class="form-group">
                    <p class="alert alert-info">Poniżej widzisz wyszukiwarkę produktów. Zacznij wpisywać nazwę produktu a otrzymasz listę podpowiedzi. Na każdy z wyników możesz kliknąć. Po kliknięciu w wynik zostanie on dodany do listy powiązanych produktów</p>
                    <div class="mt15 col-xs-3" >
                        <div ><input type="text" name="szukajka" id="szukajka" onkeyup="szukaj();"></div>
                        <div id="results" >
                            <div class="list-group" >
                            </div>
                        </div>                    
                    </div>
                    <div class="mt col-xs-3">
                        <table class="table table-bordered" id="related2">
                            <thead>
                                <tr>
                                    <th>ID</th>
                                    <th>Nazwa</th>
                                    <th>Usuń</th>
                                </tr>                               
                            </thead>
                            <tbody>
                                {if isset($relatedProducts)}
                                 {foreach $producta in $relatedProducts}
                                <tr>
                                    <td>{echo $producta->ProductID}</td>
                                    <td>{echo $producta->Name}</td>
                                    <td><a class="usun" href="#">Usuń</a></td>
                                </tr>
                                {/foreach}
                                {/if}
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>         
        </div>

        <button type="submit" class="btn btn-info">Dodaj produkt</button>
    </form></div>

<script type="text/javascript">
                            $("#categoriesList").children("li").click(addFeature);
                            var short="{echo $product->ShortDescription}";
                            var descr = "{echo addslashes($product->Description)}";
                            $(document).ready(function() {
                               $("#editOpisPelny").Editor("opisPelny", descr);
                                $("#editOpisKrotki").Editor("opisKrotki", short);
                                addFeature(true);
                            });
</script>